<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>Responsive Gaming Website</title>

	<!---custom css link--->
	<link rel="stylesheet" type="text/css" href="css/style.css">

	<!---boxicons link--->
	<link rel="stylesheet"
    href="https://unpkg.com/boxicons@latest/css/boxicons.min.css">

    <!---remixicons link--->
    <link href="https://cdn.jsdelivr.net/npm/remixicon@2.5.0/fonts/remixicon.css" rel="stylesheet">

    <!---google fonts link--->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Permanent+Marker&family=Poppins:wght@300;400;500;600;700;800;900&display=swap" rel="stylesheet">
</head>
<body>

	<header>
		<a href="#" class="logo"></a>

		<ul class="navlist">
			<li><a href="index.html">主页</a></li>
			<li><a href="./about_关于.html">关于</a></li>
			<li><a href="https://db.cngb.org/blast/blast/blastn/">国家基因数据库</a></li>
			<li><a href="http://www.adds.org.cn/experts/detail?fishId=68&id=176">水生动物疾病远程辅助诊断</a></li>
			<li><a href="http://www.adds.org.cn/videos">知识学习</a></li>
		</ul>

		<div class="bx bx-menu" id="menu-icon"></div>
	</header>

	<section class="hero">
		<p></p>
		<p></p>
		<div class="hero-img">
			<video height="90%" width="100%" controls="controls" preload="preload" poster="./img/gpgyiyu.jpg">
				<source src="./img/yiyu.webm">

			</video>
		</div>

		<div class="hero-text">
			<h4>知识兴农</h4>
			<h1>以渔</h1>
			<p>以渔项目立志成为社群电商知识兴农的先行者。本团队将为上游水产品供应商提供社群流量支持和电商直播带货，实现精准营销；为下游养殖户和养殖机构提供专业养殖技术以助力知识兴农。多名养殖专家和电商达人为本项目提供有力支撑，我们的大数据运营团队为以渔项目开发渔业数据库，同时利用大数据分析和人工智能算法，精准对接有需求的客户，帮助他们优化经营，提高生产力和营利能力。
				授人以鱼不如授人以渔，我们诚心希望更多有志者一起助力兴农，共创美好未来。
				<br> Help rural revitalization!!</p>
			<div>
				<img width="100%"  src="./img/50.jpg">
			</div>


			<a href="#">Join</a>
			<a href="https://db.cngb.org/blast/blast/blastn/" class="ctaa"><i class="ri-play-fill"></i>Details</a>

		</div>
		


	</section>

	<div class="icons">
		<a href="#"><i class="ri-instagram-line"></i></a>
		<a href="#"><i class="ri-youtube-line"></i></a>
		<a href="#"><i class="ri-dribbble-line"></i></a>
	</div>

	<div class="scroll-down">
		<a href="#"><i class="ri-arrow-down-s-fill"></i></a>
	</div>

	<!---scrollreveal effect--->
	<script src="https://unpkg.com/scrollreveal"></script>

	<!---custom js link--->
	<script src="js/script.js"></script>

</body>
</html>